<!--
描述当前页面
-->
<script setup lang="ts">
import loginBg from '@/assets/login-bg.png'
import LoginModal from './components/LoginModal.vue'
</script>

<template>
  <div class="login-wrap">
    <div class="login-img">
      <img width="600" :src="loginBg" />
    </div>
    <el-card class="login-modal">
      <LoginModal />
    </el-card>
  </div>
</template>

<style lang="less" scoped>
.login-wrap {
  width: 100vw;
  height: 100vh;
  min-width: 1000px;
  overflow: auto;
  background: @--bg-color-base;
  .flexLayout(center, center);

  .login-img {
    margin-right: 130px;
  }
  .login-modal {
    padding: 36px 50px 40px;
    width: 421px;
    height: 369px;
    box-sizing: border-box;
  }
}
:deep(.el-card__body) {
  padding: 0;
}
</style>
